<template>
	<div class="container-content-h">
		<NavTop></NavTop>
		<personalInfo></personalInfo>
		<workTime :toDoCountList="toDoCountList"></workTime>
		<myTodolist></myTodolist>
	</div>
</template>
<script setup lang="ts">
import NavTop from './navTop/index.vue';
import personalInfo from './personalInfo/index.vue';
import workTime from './workTime/index.vue';
import myTodolist from './myTodolist/index.vue';
import { getCount } from '/@/api/myTodo/index';
let toDoCountList = ref({});
onMounted(async () => {
	const res: any = await getCount();
	if (res.ok) {
		toDoCountList.value = res.data;
	}
});
</script>
<style lang="scss" scoped>
.container-content-h {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	font-size: 16px;
}
</style>
